<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <style type="text/css">
            body {
                font-family: SimSun;
                font-size: 10px;
            }
            #lrdn {
                border-collapse: collapse;
                width:100%;
            }

            #lrdn td {
                border: 1px solid black;
                height: 59px;
                text-align: center;
                font-size: 15px;
            }
            #wrapper {
                text-align: center;
            }
        </style>
    </head>

    <body>
        <div id="wrapper">
            <h1 id="title">餐谱</h1>
        </div>
        <table id="lrdn" cellpadding="0" >
            <tr>
                <td style=" width: 20%;">餐谱日期</td>
                <td style=" width: 15%;">菜名</td>
                <td style=" width: 50%;">配料</td>
                <td style=" width: 15%;">用餐时间</td>
            </tr>
            <tr th:each="f:${foods}">
                <td>
                    <span th:text="${f.foodDate}"></span>
                </td>
                <td>
                    <span th:text="${f.foodName}"></span>
                </td>
                <td>
                    <span th:text="${f.foodBurden}"></span>
                </td>
                <td>
                    <span th:text="${f.foodTime}"></span>
                </td>
            </tr>
        </table>
    </body>
</html>